<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Title</title>
  <link rel="stylesheet" href="./css/normalize.css" />
  <!-- 先引入css文件 放到自己css文件的上面 -->
  <link rel="stylesheet" href="./css/interview.css" />
</head>
<body>
<section>
  <!-- 头部区域 -->
  <header class="header">模拟面试</header>
</section>

<section class="wrap">
  <!--中间部分-->
  <div class="icon">
    <a href="#" class="item">
      <img src="./icons/icon1.png" alt="" />
      <span>随机组题</span>
    </a>

    <a href="#" class="item">
      <img src="./icons/icon2.png" alt="" />
      <span>企业组题</span>
    </a>

    <a href="#" class="item">
      <img src="./icons/icon3.png" alt="" />
      <span>方向组题</span>
    </a>
  </div>
</section>




<footer class="footer">
  <a href="index.html" class="item">
    <img src="./icons/home.png" alt="" />
    <p>首页</p>
  </a>
  <a href="#" class="item">
    <img src="./icons/ms.png" alt="" />
    <p>模拟面试</p>
  </a>
  <a href="#" class="item">
    <img src="./icons/net.png" alt="" />
    <p>技术面试</p>
  </a>
  <a href="#" class="item">
    <img src="./icons/user.png" alt="" />
    <p>我的首页</p>
  </a>
</footer>

<script src="./js/flexible.js"></script>
</body>

</html>